<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta http-equiv="Cache-Control" content="no-transform">
		<meta http-equiv="Cache-Control" content="no-siteapp">
		<meta name="applicable-device" content="pc,mobile">
		<meta name="renderer" content="webkit">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>Search</title>
		
		<!-- Stylesheet -->
		<link href="assets/css/sub.css" rel="stylesheet">
		
	</head>
	
	<body>
		
		<div id="root">
		
			
		
			<div class="header clearfix">
				<div class="container">
					<div class="row">
						<div class="pull-left">
							<div class="logo"></div><strong class="sitename">China Federation of Literary AND ART CIRCLES</strong>
						</div>
						<div class="pull-right">
							<div class="search" :class="{ 'show': search.show }">
								<input type="text" v-model="search.value" v-focus="search.show"/>
								<i class="icon-close" @click="showSearch"></i>
								<i class="icon-search" @click="showSearch"></i>
							</div>
						</div>
					</div>
					<div class="open-nav" @click="showNav"><i></i><i></i></div>
				</div>
			</div>

			<div class="nav" :class="{ 'show': nav.show }">
				<div class="container">
					<div class="row">
						<div class="mobile-logo"></div>
						<div class="mobile-close" @click="showNav"></div>
						<ul>
              <li><a href="index.html" class="top">Home</a></li>
							<li :class="{ 'hover': nav.submenu === 1 }">
                <a class="top menu-top" @click="submenuShowEvent(1)">About us</a>
								<ul class="submenu sub-111">
									<li><a href="about-intro.html" title="Introduction">Introduction</a></li>
									<li><a href="about-organization.html" title="Organization">Organization</a></li>
									<li><a href="about-leadership.html" title="Leadership">Leadership</a></li>
								</ul>
              </li>
							<li :class="{ 'hover': nav.submenu === 2 }">
								<a class="top menu-top" @click="submenuShowEvent(2)">Brand Events</a>
								<ul class="submenu sub-148">
									<li><a href="brand-map.html" title="Cina Today Arts Week">CTAW</a></li>
									<li><a href="brand-timeline.html" title="China International Folk Arts Festival">CIFAF</a></li>
									<li><a href="brand-activities.html" title="Beijing International Art Biennale">BIAB</a></li>
									<li><a href="brand-activities.html" title="Chinese Art Forum Of Mainland, Hong Kong, Macao And Talwan">CAFMHMT</a></li>
								</ul>
							</li>
							<li :class="{ 'hover': nav.submenu === 3 }">
                <a class="top menu-top" @click="submenuShowEvent(3)">Associations</a>
								<ul class="submenu  sub-481">
									<li><a href="association-and-awards.html" title="Television">Television</a></li>
									<li><a href="association-and-awards.html" title="Tilm">Tilm</a></li>
									<li><a href="association-and-awards.html" title="Art">Art</a></li>
									<li><a href="association-and-awards.html" title="Folk literature and art">Folk literature and art</a></li>
									<li><a href="association-and-awards.html" title="Quyi">Quyi</a></li>
									<li><a href="association-and-awards.html" title="Photograph">Photograph</a></li>
									<li><a href="association-and-awards.html" title="Calligraphy">Calligraphy</a></li>
									<li><a href="association-and-awards.html" title="Dance">Dance</a></li>
									<li><a href="association-and-awards.html" title="Theatre">Theatre</a></li>
									<li><a href="association-and-awards.html" title="Music">Music</a></li>
									<li><a href="association-and-awards.html" title="Acrobatics">Acrobatics</a></li>
									<li><a href="association-and-awards.html" title="Literary and art volunteer">Literary and art volunteer</a></li>
									<li><a href="association-and-awards.html" title="Criticism">Criticism</a></li>
								</ul>
              </li>
							<li><a href="masters.html" class="top">Masters</a></li>
						</ul>
					</div>
				</div>
			</div>
			
			<div class="page-body">
				<div class="container">
					<div class="row">
						<ol class="breadcrumb">
							<li><a href="#">Home</a></li>
							<li class="active">Search result</li>
						</ol>
						
						<div class="row layout-3">
							<div class="col-md-3">
                <div class="submenu-switch" :class="submenu.showClass ? 'showMenu' : ''" @click="submenuShowClass">MENU<span class="caret"></span></div>
                <div class="submenu-side center" :class="submenu.showClass ? 'showMenu' : ''">
                  <a href="#" class="active">All</a>
                  <a href="#">Title</a>
                  <a href="#">Text</a>
                  <a href="#">Video</a>
                </div>
							</div>
							<div class="col-md-9">
                <div class="search-form">
                  <input type="text" value="shou suo"/>
                  <button type="submit"></button>
                </div>
                <div class="search-form-tips">
                  I've found about 12323 related results for you, which takes 0 seconds.
                </div>
                <ul class="list-search-result">
                  <li>
                    <h3><a href="#">China Today <span class="red">shou suo</span> Arts Week</a></h3>
                    <p>2011-11-13</p>
                  </li>
                  <li>
                    <h3><a href="#">China Today <span class="red">shou suo</span> Arts Week</a></h3>
                    <p>2011-11-13</p>
                  </li>
                  <li>
                    <h3><a href="#">China Today <span class="red">shou suo</span> Arts Week</a></h3>
                    <p>2011-11-13</p>
                  </li>
                  <li>
                    <h3><a href="#">China Today <span class="red">shou suo</span> Arts Week</a></h3>
                    <p>2011-11-13</p>
                  </li>
                  <li>
                    <h3><a href="#">China Today <span class="red">shou suo</span> Arts Week</a></h3>
                    <p>2011-11-13</p>
                  </li>
                  <li>
                    <h3><a href="#">China Today <span class="red">shou suo</span> Arts Week</a></h3>
                    <p>2011-11-13</p>
                  </li>
                  <li>
                    <h3><a href="#">China Today <span class="red">shou suo</span> Arts Week</a></h3>
                    <p>2011-11-13</p>
                  </li>
                  <li>
                    <h3><a href="#">China Today <span class="red">shou suo</span> Arts Week</a></h3>
                    <p>2011-11-13</p>
                  </li>
                  <li>
                    <h3><a href="#">China Today <span class="red">shou suo</span> Arts Week</a></h3>
                    <p>2011-11-13</p>
                  </li>
                </ul>
                <div class="text-center">
                  <ul class="pagination">
                    <li>
                      <a href="#">
                        <span class="prev_arrow">&laquo;</span>
                      </a>
                    </li>
                    <li><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
                    <li>
                      <a href="#">
                        <span class="next_arrow">&raquo;</span>
                      </a>
                    </li>
                  </ul>
                </div>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			<div class="footer">
        <div class="container-fluid">
          <div class="col-md-6 text-left infos">
            <strong>www.cflac.org.cn</strong>
            <span>Tel:86-10-59759785</span>
            <span>Fax:86-10-59759792</span>
            <span>E-mail: cflac-ild@vip.sina.com</span><br>
            Tower A, Building 32, No. 1 Beishatan, ChaoyangDistrict, Beijing, 100083, China
          </div>
          <div class="col-md-6 text-right"><div class="logo"></div></div>
          <div class="col-xs-12 text-center">
            <div class="copyright">Copyright &copy; 2018 CFLAC Corporation, All Rights Reserved</div>
          </div>
        </div>
			</div>
			
		</div>
		
		<!-- Script -->
		<script src="assets/js/vendor/vue.min.js"></script>
		<script src="assets/js/index.js"></script>
		
	</body>
</html>